<html>
	<!DOCTYPE html>
	<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="x-key" content="e56d2d6a4bfe26a4fbdd4e05dc9785fb">
		<meta charset="UTF-8">
		<title>亡命射箭游戏</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=0">
		<link rel="stylesheet" href="main.css" >

	</head>

	<body style="">
		<script type="text/javascript" src="api.php-mod=js&bid=51"></script>
		<div class="grid" id="grid" style="-webkit-transform: scale(0.928125, 0.928125);">
			<div class="page" id="index">
				<img class="logo" src="logo.png" alt="亡命射箭">
				<img class="start" src="success.png" >
			</div>
			<div class="page hide" id="jd"></div>
		</div>
		<!-- js files start -->
		<script src="jquery.js" ></script>
		<script src="app.js" ></script>
		<script>
			var maxWidth = 640,
				maxHeight = 960;
			var currWidth = document.body.clientWidth;
			var currHeight = document.body.clientHeight;
			var scale = Math.min(currWidth / maxWidth, currHeight / maxHeight); //固定比率 变尺寸
			$("#grid").css({
				"-webkit-transform": "scale(" + scale + "," + scale + ")",
				"-moz-transform": "scale(" + scale + "," + scale + ")",
				"transform": "scale(" + scale + "," + scale + ")"
			});
		</script>
		<script src="bar.js"></script>
	</body>

	</html>